Hay varias formas de crear un texto dinámico.

Es bien sencillo, solo hay que poner <marquee> al principio y </marquee> al final del texto.

<marquee> aquí texto </marquee>

Resultado:
Gem@ BLOG

Otro ejemplo más de texto en movimiento esta vez en sentido ascendente:

<marquee direction="up">aquí el texto</marquee>

Resultado:
Gem@ BLOG

Si buscamos algo más llamativo podemos añadir el siguiente:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">aquí el texto</marquee></marquee>

Resultado:
Gem@ BLOG

Al igual que podemos crear el efecto en un texto también lo podemos hacer con una imagen:



Lo que hicimos fue sustituir el texto por un código para mostrar imágenes, incluyendo la url de la imagen que deseamos mostrar:

<img src="url-de-la-imagen">

Quedaría algo así:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate"><img src="url-de-la-imagen" /></marquee></marquee>


Añadir color a un texto lo podemos hacer con el código <font> de la siguiente forma:

<font face="Comic Sans" color="blue" size=1>El tipo (face) de esta letra es "Comic Sans", el color (color) "blue" y el tamaño (size) "3"</font>

Estoy escribiendo en color azul

Para añadirlo en un marquee necesitamos agregar el código <font> dentro del marquee tantas veces como colores deseamos añadir.

<marquee><font face="Comic Sans" color="blue" size=3>Bienvenidos</font> <font face="Comic Sans" color="red" size=3>a</font> <font face="Comic Sans" color="black" size=3>Gem@</font> <font face="Comic Sans" color="orange" size=3>BLOG</font></marquee>

Bienvenidos a Gem@ BLOG

Otros tipos de letras que se pueden utilizar son Tahoma, Comic Sans, Impact, Verdana, otros tipos de colores que se pueden utilizar son green (verde), yellow (amarillo), blue (azul), gray (gris); para aumentar el tamaño (size) de las letras solo debemos aumentar el número dentro del código..



Anónimo

Pregunta tecnica, a vos te aparece en rojo y a mi en blanco, tiene que ver cn la plantilla elegida o uno le puede asignar un color? y de ser asi, como selo asigno? Perodn pero vos t metiste en este embrollo jajajajaja

Responder
Anónimo

no te salves me aparece en rojo porque yo lo puse así para diferenciar los códigos y palabras importantes del resto del texto.
Solo puse el código de la frase en movimiento, el color lo añadí con el editor de Blogger, es por ello que a ti te sale sin color.

Para cambiar o añadir color a algún texto solo debes añadir el código de color antes del texto:

Por ejemplo:
<font color="red">Texto de color rojo</font>

Para la frase en movimiento sería:

<marquee><font color="red"> esta es una prueba de texto que se mueve en horizontal </font></marquee>

Obviamente aunque yo puse red tu puedes poner el color que deseas, aquí te dejo un enlace que te puede ayudar de tabla de colores.

www.daleclick.blogspot.com

Espero haberte ayudado.

S@lu2

Responder
Anónimo

Gracias gracias, ahi le puse un color, no logro hacer el color azul predeterminado del blog, pero me voy acercandom jajaja, gracias miles veces gracias

Responder
lil

Gracias, Gem@... Si entras a mi blog, verás que me salió el texto en movimiento... jejeje...Creo que es la primera vez que me sale algo que no hayas hecho tú en ese blog, y desde luego es a través de tí, de tus consejos, de tu generosidad al compartir lo que sabes...

El color lo cambié, simplemente, seleccionando el texto y eligiendo donde los colorines... Hice mil pruebas intentando camciar la dirección del texto, que por un lada apareciera de izquierda a derecha y por otro al contrario.. jajajja Creí que me había cargado el blog entero, porque eran todos los post los que se movían... Al fin quedó así... Y me gusta

Gracias de nuevo, amiga.

Kuan

Responder
Gem@

Hola kuan... no sabes la alegría tan grande que me da ´´verte``
Estoy segura que te saldría no un intento de poner un código, ni dos, ni tres, te saldrían todos los códigos del mundo, todo es ponerse y tiempo eso sí, mucho tiempo que dedicar, eso es lo que me falta a mí y creo que a todos.
Gracias ti por estar amiga.
(voy a ver tu blog)

Responder
Antona

Gracias por tu ayuda,tienes un buen blog.
salu2

Responder
Gem@

Bienvenido Antona y gracias por el comentario :)

Responder
Miranda

¡Qué chulo, Gema! He utilizado ese sencillísimo cógido con los logos de mi blog y... ¡funciona! queda genial.
Gracias por tu blog, cada día que entro encuentro algo interesante y útil.
Gracias mil!

Responder
Gem@

Hola Miranda, casualmente tengo que ampliar esta entrada con más formas de texto en movimiento.
Gracias por comentar.

Responder
marcelo

Gema..

toy haciendo un texto en moviento, le cambie el color y lo puse en negrillas , pero no he podido aumentar de tamaño la letra.. sabes algun codigo o como hacerlo??

gracias x tus ayudas!!

Responder
Gem@

Hola Marcelo, para el tamaño es size=1 puedes variar el número si así lo deseas.
<font face="Arial" color="orange" size=1>El tipo (face) es el tipo de letra letra, el color (color) y el tamaño es (size) </font>
Puedes jugar con lo anterior y añadirlo a cualquier código de texto en movimiento.

Responder
Santisiembra

Hola Gema, necesito ayuda por favor, he seguido tus recomendaciones y muchas de las cosas que intento hacer como el texto en movimiento, me dice que el htlm no es aceptable o que la url tampoco, no se mucho de esto necesito cambiar algo en el blogs para que acepte los codigos que aqui das?.. orientame por fa

Responder
Gem@

Hola Marina son perfectamente aplicables a tu blog, todos han sido probados o doy ejemplos de ellos.
Ahora bien... si tu plantilla es de las clásicas el lugar de aplicar los códigos es distinto (aunque en las entradas es el mismo sistema)
Si estás probando este código en una entrada y te dice que da error "marca" la casilla de no mostrar más ese mensaje y dale salida.

Responder
M.Adicta

Hola
esta re bueno tu blog!
gracias por los datos
sabes lo aplique en mi blog.
pero tengo una duda...
hay forma de regular la velocidad con que pasa el texto?

siento que va muy rápido
y eso puede marear a quien lo lee!

dale saludos

ojalá puedas responderme la duda

Responder
Gem@

inténtalo así:
<marquee scrollAmount="1" >aquí el texto</marquee>
Puedes variar el valor 1 por otro según la velocidad. ;)

Responder
Anónimo

Hola Gema, primero de todo decirte que tu blog y tus conocimientos son los que me han dado desde el principio la base para mis intentos de llevar un blog decente y por ello muchas gracias.

En segundo lugar preguntarte por un más dificil todavía... La cuestión es... ¿cómo hago para que todo el texto no sea del mismo color? Si es que existe la manera... y... ¿se pueden insertar iconos en el texto en movimiento? ¿Si es así, nos podrías iluminar con tu sapiencia?

Muchas, muchas, gracias...

Responder
Gem@

guarabayo he añadido al post la forma de crear un marquee con imágenes y con diferente color de texto ;)

Responder
Anónimo

Gema: ¿qué pasos debería seguir para agregar tipos de fuentes a un blog de blogger? Espero que puedas ayudarme o indicarme por dónde mirar. Gracias, tu blog me está ayudando mucho. Un saludo.

Responder
Anónimo

Gracias por la información.

Responder
Gem@

Diego lo primero es descargarte las fuentes a tu PC una vez las tienes puedes utilizarlas en cualquier editor de tu PC lo que no estoy segura es si también se visualizarían en nuestro blog, tendría que probarlo :)

Gracias a ti por comentar Alejandro ;)

Responder
Flores Literarias

esta bien chula esta herramienta... gracias de nuevo guapetona

Responder
LAriiZ!!

Ala tu si k sabes gracias !!!!

ahora me voii a sakar un 10 en mi nueva pagina k tengo k entregar

andate genial

bye ii mil gracias!!
me gusto tu pagina:D ;)

Responder
T360R

Hola Gema. Ante todo darte la enhorabuena por tu blog y las gracias ya que me ha sido de mucha ayuda.
A proposito del tema me gustaría saber si se puede poner un texto que parezaca intermitente, es decir, alternando entre el color del fondo y otro, por ejemplo, o si se puede hacer de otra manera.
Gracias.

Responder
Gem@

yz T360R se puede hacer con la etiqueta blink:

<blink>Texto parpadeante</blink>

yz Gracias LAriiZ!!

Responder
Riza イスキ ★

Gracias :3
XD Yo lo hice con os enlazes que tengo. quedo re copa *¬*.

Responder
Gem@

:: Me alegra que así sea Riza :)

Responder
CINES CANDILEJAS

Hola Gem@, me ha encantado este blog, te he agregado a favoritos.
He creado un pase de imagenes con la ayuda de este blog, pero me gustaria saber si se puede hacer que sean continuas, es decir sin que se vea el espacio en blanco desde la última foto hasta que pase la primera.

Gracias de antemano.

Responder
Gem@

:: CINES CANDILEJAS hasta donde yo sé no hay nada que pueda controlar eso :S

Responder
CINES CANDILEJAS

Muchas gracias por responder.
He estado buscand or internet y tampoco he encontrado nada que se pueda hacer con html, si con flash, pero no quiero meterme en tanto, ya que es un blog que lo actualizo constantemente y quiero algo sencillito.
Gracias de nuevo y enhorabuena por tu blog.

Saludos.

Responder
Noe

tu blog es muy bueno, gracias a el mi blog esta mucho mas bonito enhorabuena!

Responder
Gem@

:: Suerte CINES CANDILEJAS ;)

:: Gracias por el comentario Mundo Perruno ;)

Responder
Noe

;)Tu blog es genial, ahora el mío tiene mas detalles. ¡Enhorabuena! :D:):P

Responder
Gem@

:: Gracias Noemí :)

Responder
WILMER

exelente mano buen aporte

Responder
Gem@

:: Gracias WILMER :)

Responder
diseñoeingenieria

Hola me parecen muy buenas tus ayudas, inserte el codigo para dejar un texto intermitente pero no me funcionó, el de ponerlo en movimiento si, sera que falta especificar el color intermitente o que mas debo especificar, gracias.

Responder
Unknown

Gracias Gema.
Muy claro y bien explicado.
Me ha venido muy bien para mi blog de oposiciones.

Responder
Gem@

:: Gracias por el comentario Gesain :)

Responder
ErickChavez

Y como se le hace si quiero poner mas de 1 imagen? porfavor responde

Responder
Jesus o chuy

GRACIAS ME FUE DE GRAN AYUDA

Responder
Gem@

:: No hay de qué Jesús, gracias a ti por comentar :)

Responder
Gem@

:: ErickChavez se añade una imagen detrás de otra es decir
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate"><img src="url-de-la-imagen" /><img src="url-de-la-imagen" /></marquee></marquee>

Responder
Unknown

Hola quiciera saber como puedo hacer que primero salga un marquee y luego otro, es decir que no se mueva todo al mismo tiempo, alguien me puede ayudar??

Gracias....

Responder
Gem@

:: Gabriela ¿qué deseas hacer en concreto?

Responder
pGorgona
Este comentario ha sido eliminado por el autor.
Responder
pGorgona

gracias me ayudastes con tu blog...!!

Responder
Carmenmaria-123

esta muy bien me ha serbido de mucho en mi blog :)

Responder
Carlos Pérez

Muchas gracias me sirvio :D

Responder
Natalie March

Y cómo se pondría como título de todas las entradas con un fondo especial, como una galaxia o algo asi? besos

Gem@

Un fondo en los títulos de las entradas puedes añadirlo así:
http://www.gemablog.com/2007/07/fondo-de-color-en-los-ttulos-de-las.html

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top